<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组类型</title>
    <script>
        function f1(){
            // 创建一个数组对象,该数组默认长度为0
            // 在js中,数组的长度是可变的
            // 当数组中元素的数量超出数组的长度时,数组长度自动扩展
            let arr = new Array();
            console.log("当前数组长度为:"+arr.length);
            arr[1] = 1;
            console.log("当前数组长度为:"+arr.length);
            for(let i = 0; i < arr.length; i++){
                console.log(arr[i]);
            }
        }
        function f2(){
            // 创建一个数组对象,该数组默认长度为3
            // 当数组中元素的数量超出数组的长度时,数组长度自动扩展
            let arr = new Array(3);
            console.log("当前数组长度为:"+arr.length);
            arr[1] = 1;
            console.log("当前数组长度为:"+arr.length);
            arr[5] = 1;
            console.log("当前数组长度为:"+arr.length);

            for(let i = 0; i < arr.length; i++){
                console.log(arr[i]);
            }
        }
        function f3(){
            // 创建一个数组对象,并为数组中元素赋值
            // 此时数组的长度即为元素的数量
            let arr = new Array("admin","alice","jack");
            console.log("当前数组长度为:"+arr.length);
            arr[5] = "tom";
            console.log("当前数组长度为:"+arr.length);

            // 如果只有一个数字,不能直接写数字
            // 当直接写数字时表示数组初始长度
            // 我们需要使用字符串来表示元素的值
            arr = new Array("5");
            console.log("当前数组长度为:"+arr.length);
            for(let i = 0; i < arr.length; i++){
                console.log(arr[i]);
            }
        }

        function f4(){
            // 创建一个数组,并定义数组的初始元素
            // JSON格式语法
            let arr = [1,2,3,4];
            arr = [3];
            arr[2] = 2;
            console.log("当前数组长度为:"+arr.length);
            for(let i = 0; i < arr.length; i++){
                console.log(arr[i]);
            }
        }
    </script>
</head>
<body>
<button onclick="f1()">定义方式一</button><br>
<button onclick="f2()">定义方式二</button><br>
<button onclick="f3()">定义方式三</button><br>
<button onclick="f4()">定义方式四</button><br>
</body>
</html>